import styled from 'styled-components'
export const Container = styled.div`
    width: 1140px;
    margin: 0 auto;
    .editable-cell {
        position: relative;
    }
    .editable-cell-value-wrap {
        padding: 5px 12px;
        cursor: pointer;
    }
    .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 4px 11px;
    }
    [data-theme='dark'] .editable-row:hover .editable-cell-value-wrap {
        border: 1px solid #434343;
    }
    .ant-btn{
        float: left;
        width: 90px;
    }
    .applys_t{
        height: 50px;
        width: 830px;
        float: right;
        .ant-space{
            width: 220px;
            height: 36px;
            float: left;
            margin: 0 20px;
        }
        .departments select{
            float: left;
            width: 150px;
            height: 32px;
            border: 1px solid #ddd;
            margin: 0 20px;
            float: left;
        }
        .types select{
            float: left;
            width: 150px;
            height: 32px;
            border: 1px solid #ddd;
            margin: 0 20px;
            float: left;
        }
        .audits select{
            float: left;
            width: 150px;
            height: 32px;
            border: 1px solid #ddd;
            margin: 0 20px;
            float: left;
        }
    }
`